<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>查看分层分户图/宗地图</title>
    <!-- JQuery -->
    <script type="text/javascript" src="js/jquery-1.11.3.js"></script>
    <!-- easyui 1.4 -->
    <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>
    <link rel="stylesheet" type="text/css" href="css/easyui.css" />
    <link rel="stylesheet" type="text/css" href="css/icon.css" />

    <link rel="stylesheet" type="text/css" href="css/layui.css" />
</head>

<body>

    <input type="text" id="zsid" value="ced3065955c549abb58d13051279a188" style="display: none">

    <div>
        <div style="padding: 5px; background: #fafafa; border: 1px solid #ccc" align="center">
            <a href="#" class="layui-btn layui-btn-primary"
                style="background: rgb(250, 250, 250); width: 30%; height: 100px; padding-top: 30px;"
                onclick="showFht()" id="btnFHT">
                <font size="20px">分户图</font>
            </a>
            <a href="#" class="layui-btn layui-btn-primary"
                style="width: 30%; height: 100px; padding-top: 30px; background: rgb(250, 250, 250);"
                onclick="showZdt()" id="btnZDT">
                <font size="20px">宗地图</font>
            </a>
            <a href="#" class="layui-btn layui-btn-primary"
                style="width: 30%; height: 100px; padding-top: 30px; background: rgb(239, 68, 68);" onclick="showQszt()"
                id="btnQSZT">
                <font size="20px">权属状态</font>
            </a>
        </div>

        <div id="fht" align="center" style="padding: 5px; display: none;"><img src="images/02.jpg"><br><br><img
                src="images/03.jpg"><br><br>
        </div>

        <div id="zdt" align="center" style="padding: 5px;display: none"><img src="images/04.jpg"><br><br>
        </div>
        <div id="qszt" align="center" style="padding: 5px;">
            <table class="layui-table" style="text-align: center;">
                <tbody>
                    <tr>
                        <td rowspan="9">房屋状况</td>
                    </tr>
                    <tr>
                        <td>权证号</td>
                        <td colspan="3" class="bdcqzh">鲁(2021)兰陵县不动产权第0006560号</td>
                    </tr>
                    <tr>
                        <td>权利人</td>
                        <td colspan="3" class="qlr">贾国庆</td>
                    </tr>
                    <tr>
                        <td>共有方式</td>
                        <td colspan="3" class="gyfs">单独所有</td>
                    </tr>
                    <tr>
                        <td>坐 落</td>
                        <td colspan="3" class="zl">兰陵县城区顺和路西段南侧东方君御A3幢4层1单元-402等2处</td>
                    </tr>
                    <tr>
                        <td>用 途</td>
                        <td colspan="3" class="yt">储藏室,住宅</td>
                    </tr>
                    <tr>
                        <td>建筑面积</td>
                        <td colspan="3" class="jzmj">152.62</td>
                    </tr>
                    <tr>
                        <td>抵押登记</td>
                        <td class="dydj">否</td>
                        <td>查封登记</td>
                        <td class="cfdj">否</td>
                    </tr>
                    <tr>
                        <td>异议登记</td>
                        <td class="yydj">否</td>
                        <td>限制登记</td>
                        <td class="xzdj">否</td>
                    </tr>
                    <tr>
                        <td>证书是否有效</td>
                        <td colspan="3" class="sfyx">有效</td>
                    </tr>
                    <tr>
                        <td rowspan="3">土地状况</td>
                    </tr>
                    <tr>
                        <td>权利性质</td>
                        <td colspan="3" class="qlxz">出让</td>
                    </tr>
                    <tr>
                        <td>使用期限</td>
                        <td colspan="3" class="syqx">2018-01-22至2088-01-21</td>
                    </tr>
                </tbody>
            </table>
            <p style="font-size: 21px; float: right;">查询时间：<label class="year"> 2023 </label>年<label class="month">
                    <span id="yue"></span>
                </label>月<label class="day"> <span id="ri"></span> </label>日
                <label class="hours"> <span id="shi"></span> </label>时<label class="minutes"> <span id="fen"></span>
                </label>分<label class="milliseconds"></label>秒
            </p>
        </div>
    </div>
    <script>
        var myDate = new Date();
        var yuee = myDate.getMonth() + 1;
        // var xiaoshi = myDate.getHours() + 1;
        document.getElementById("yue").innerHTML = "" + yuee;
        document.getElementById("ri").innerHTML = "" + myDate.getDate();
        document.getElementById("shi").innerHTML = "" + myDate.getHours();
        document.getElementById("fen").innerHTML = "" + myDate.getMinutes();
        // myDate.getYear();        //获取当前年份(2位)
        // myDate.getFullYear();    //获取完整的年份(4位,1970-????)
        // myDate.getMonth();       //获取当前月份(0-11,0代表1月)
        // myDate.getDate();        //获取当前日(1-31)
        // myDate.getDay();         //获取当前星期X(0-6,0代表星期天)
        // myDate.getTime();        //获取当前时间(从1970.1.1开始的毫秒数)
        // myDate.getHours();       //获取当前小时数(0-23)
        // myDate.getMinutes();     //获取当前分钟数(0-59)
        // myDate.getSeconds();     //获取当前秒数(0-59)


    </script>

    <script type="text/javascript">
        function showFht() {
            $("#fht").show();
            $("#zdt").hide();
            $("#qszt").hide();
            $("#btnFHT").css("background", "#EF4444");
            $("#btnZDT").css("background", "#fafafa");
            $("#btnQSZT").css("background", "#fafafa");
        }

        function showZdt() {
            $("#fht").hide();
            $("#zdt").show();
            $("#qszt").hide();
            $("#btnZDT").css("background", "#EF4444");
            $("#btnFHT").css("background", "#fafafa");
            $("#btnQSZT").css("background", "#fafafa");
        }
        function showQszt() {
            $("#fht").hide();
            $("#zdt").hide();
            $("#qszt").show();
            $("#btnZDT").css("background", "#fafafa");
            $("#btnFHT").css("background", "#fafafa");
            $("#btnQSZT").css("background", "#EF4444");
        }
        function getBDCDYID() {
            var zsid = $("#zsid").val();
            var qhmc = 'BDCLL';
            if (zsid && zsid != "") {
                $.ajax({
                    url: "/realestate/app/zsewm/qx/getBDCDYIDByZSID",
                    data: { "zsid": zsid, "qhmc": qhmc },
                    method: 'post',
                    dataType: "json",
                    success: function (data) {
                        console.log(data);
                        var fhthtml = '';
                        var zdthtml = '';
                        if (data.hShow && data.hShow == "show") {
                            for (var i = 0; i < data.h.length; i++) {
                                fhthtml += '<img src="/realestate/app/zsewm/qx/getImg?bdcdyid=' + data.h[i] + '&qhmc=+' + qhmc + '"/></br></br>';

                            }
                            $("#fht").html(fhthtml);
                        } else {
                            $("#fht").html("<div align='center'><font size='25px'>房产分户图将在领证之日起三个工作日内上传，请稍后...</font></div>");
                        }
                        if (data.zdShow && data.zdShow == "show") {
                            for (var i = 0; i < data.zd.length; i++) {
                                zdthtml += '<img src="/realestate/app/zsewm/qx/getImg?bdcdyid=' + data.zd[i] + '&qhmc=+' + qhmc + '"/></br></br>';

                            }
                            $("#zdt").html(zdthtml);
                        } else {
                            $("#zdt").html("<div align='center'><font size='25px'>宗地图将在领证之日起三个工作日内上传，请稍后...</font></div>");
                        }
                        var myDate = new Date();
                        //获取当前年
                        var year = myDate.getFullYear();

                        //获取当前月
                        var month = myDate.getMonth() + 1;

                        var hours = myDate.getHours();
                        var minutes = myDate.getMinutes();
                        var seconds = myDate.getSeconds();

                        //获取当前日
                        var day = myDate.getDate();
                        $(".year").text(" " + year + " ");
                        $(".month").text(" " + month + " ");
                        $(".day").text(" " + day + " ");
                        $(".hours").text(" " + hours + " ");
                        $(".minutes").text(" " + minutes + " ");
                        $(".seconds").text(" " + seconds + " ");
                        var json = data.zsInfo;
                        for (var key in json) {
                            $("." + key).text(json[key]);
                            if (key == "sfyx") {
                                if (json[key] == "1") {
                                    $("." + key).text("有效");
                                } else {
                                    $("." + key).text("无效");
                                    $("." + key).css("color", "red");
                                }
                            }

                        }
                    }
                });
            } else {
                alert("zsid is null");
            }
        }
        function getQSZTXX() {
            var zsid = $("#zsid").val();
            if (zsid && zsid != "") {
                $.ajax({
                    url: "../../app/zsewm/qx/getQSZTXXByZSID",
                    data: { "zsid": zsid },
                    method: 'post',
                    dataType: "json",
                    success: function (data) {

                    }
                });
            }
        }
        getBDCDYID();
    </script>
</body>
<script type="text/javascript">
    function showFht() {
        $("#fht").show();
        $("#zdt").hide();
        $("#qszt").hide();
        $("#btnFHT").css("background", "#EF4444");
        $("#btnZDT").css("background", "#fafafa");
        $("#btnQSZT").css("background", "#fafafa");
    }

    function showZdt() {
        $("#fht").hide();
        $("#zdt").show();
        $("#qszt").hide();
        $("#btnZDT").css("background", "#EF4444");
        $("#btnFHT").css("background", "#fafafa");
        $("#btnQSZT").css("background", "#fafafa");
    }
    function showQszt() {
        $("#fht").hide();
        $("#zdt").hide();
        $("#qszt").show();
        $("#btnZDT").css("background", "#fafafa");
        $("#btnFHT").css("background", "#fafafa");
        $("#btnQSZT").css("background", "#EF4444");
    }
    function getBDCDYID() {
        var zsid = $("#zsid").val();
        var qhmc = 'BDCLL';
        if (zsid && zsid != "") {
            $.ajax({
                url: "/realestate/app/zsewm/qx/getBDCDYIDByZSID",
                data: { "zsid": zsid, "qhmc": qhmc },
                method: 'post',
                dataType: "json",
                success: function (data) {
                    console.log(data);
                    var fhthtml = '';
                    var zdthtml = '';
                    if (data.hShow && data.hShow == "show") {
                        for (var i = 0; i < data.h.length; i++) {
                            fhthtml += '<img src="/realestate/app/zsewm/qx/getImg?bdcdyid=' + data.h[i] + '&qhmc=+' + qhmc + '"/></br></br>';

                        }
                        $("#fht").html(fhthtml);
                    } else {
                        $("#fht").html("<div align='center'><font size='25px'>房产分户图将在领证之日起三个工作日内上传，请稍后...</font></div>");
                    }
                    if (data.zdShow && data.zdShow == "show") {
                        for (var i = 0; i < data.zd.length; i++) {
                            zdthtml += '<img src="/realestate/app/zsewm/qx/getImg?bdcdyid=' + data.zd[i] + '&qhmc=+' + qhmc + '"/></br></br>';

                        }
                        $("#zdt").html(zdthtml);
                    } else {
                        $("#zdt").html("<div align='center'><font size='25px'>宗地图将在领证之日起三个工作日内上传，请稍后...</font></div>");
                    }
                    var myDate = new Date();
                    //获取当前年
                    var year = myDate.getFullYear();

                    //获取当前月
                    var month = myDate.getMonth() + 1;

                    var hours = myDate.getHours();
                    var minutes = myDate.getMinutes();
                    var seconds = myDate.getSeconds();

                    //获取当前日
                    var day = myDate.getDate();
                    $(".year").text(" " + year + " ");
                    $(".month").text(" " + month + " ");
                    $(".day").text(" " + day + " ");
                    $(".hours").text(" " + hours + " ");
                    $(".minutes").text(" " + minutes + " ");
                    $(".seconds").text(" " + seconds + " ");
                    var json = data.zsInfo;
                    for (var key in json) {
                        $("." + key).text(json[key]);
                        if (key == "sfyx") {
                            if (json[key] == "1") {
                                $("." + key).text("有效");
                            } else {
                                $("." + key).text("无效");
                                $("." + key).css("color", "red");
                            }
                        }

                    }
                }
            });
        } else {
            alert("zsid is null");
        }
    }
    function getQSZTXX() {
        var zsid = $("#zsid").val();
        if (zsid && zsid != "") {
            $.ajax({
                url: "../../app/zsewm/qx/getQSZTXXByZSID",
                data: { "zsid": zsid },
                method: 'post',
                dataType: "json",
                success: function (data) {

                }
            });
        }
    }
    getBDCDYID();
</script>

</html>